Las tablas nos permiten representar cualquier elemento de nuestra página (texto, listas, imagenes, etc...) en diferentes filas y columnas separadas entre si. Es una herramienta muy util para "ordenar" contenidos de distintas partes de nuestra página. La tabla se define mediante la directiva <TABLE></TABLE>. Los parámetros opcionales de esta directiva son :

border = num.

Indica el ancho del borde de la tabla en puntos.

cellspacing = num

Indica el espacio en puntos que separa las celdas que estan dentro de la tabla.

cellpadding = num

Indica el espacio en puntos que separa el borde de cada celda y el contenido de esta.

width = num ó %

Indica la anchura de la tabla en puntos o en porcentaje en función del ancho de la ventana del visor. Si no se indica este parámetro, el ancho se adecuará al tamaño de los contenidos de las celdas.

height = num ó %

Indica la altura de la tabla en puntos o en porcentaje en función del alto de la ventana del visor. Si no se indica este parámetro, la altura se adecuará a la altura de los contenidos de las celdas.

align = LEFT / CENTER / RIGHT / JUSTIFY

Indica como se debe alinear el contenido de la celda, a la izquierda (LEFT), a la derecha (RIGHT), centrado (CENTER) o justificado (JUSTIFY).

valign = TOP / MIDDLE / BOTTOM

Indica la alineación vertical del contenido de la celda, en la parte superior (TOP), en la inferior (BOTTOM), o en el centro (MIDDLE).

rowspan = num

Indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.

colspan = num

Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.

<table>...</table> - tabla
<tr> - definición de fila
<th> - título
<td> - celda de datos

Cena Bebida Dulces A B C

<table border> <tr><th>Cena</th> <th>Bebida</th><th>Dulces</th> <tr><td>A</td> <td>B</td><td>C</td> </table>

Cena Bebida Dulces A B C

<table> <tr><th>Cena</th> <th>Bebida</th><th>Dulces</th> <tr><td>A</td> <td>B</td><td>C</td> </table>

Expansión de Tabla

Expansión de Columna <th colspan=#>

<table border>
<tr><th colspan=3> Menú Matinal</th>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>
</table>

Expansión de Fila <th rowspan=#>

<table border>
<tr><th rowspan=3> Morning Menu</th>
    <th>Comida</th> <td>A</td></tr>
<tr><th>Bebida</th> <td>B</td></tr>
<tr><th>Dulces</th> <td>C</td></tr>
</table>

Tamaño de Tabla

<table border=#>

<table border=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table width=# height=#>

<table border width=170 height=100>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table cellspacing=#>

<table border cellspacing=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table cellpadding=#>

<table border cellpadding=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<tr align=#>

<th align=#>  #=left, center, right

<td align=#>

<table border width=160>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr>
    <td align=left>A</td>
    <td align=center>B</td>
    <td align=right>C</td>	
</table>

<tr valign=#>

<th valign=#>  #=top, middle, bottom, baseline

<td valign=#>

<table border height=100>
<tr>
    <th>Comida</th><th>Bebida</th>
    <th>Dulces</th><th>Otros</th>
<tr>
    <td valign=top>A</td>
    <td valign=middle>B</td>
    <td valign=bottom>C</td>
    <td valign=baseline>D</td>
</table>

<table align=left>

<table align="left" border>
<tr><th>Comida</th><th>Bebida</th><th>Dulces</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
Mis Favoritos...<br>
galletas, chocolates, y otros.

Comida	Bebida	Dulces
A	B	C

Mis Favoritos...
galletas, chocolates y otros.

<table align=right>

<td bgcolor=#>

#=rrggbb Número Hexadecimal, o Nombre:
Negro (Black), Oliva (Olive), Verde Fluorescente (Teal), Rojo (Red), Azul (Blue), Marrón (Maroon), Azul Oscuro (Navy), Gris (Gray), Lima (Lime),
Fucsia (Fuchsia), Blanco (White), Verde (Green), Púrpura (Purple), Plata (Silver), Amarillo (Yellow), Agua (Aqua)

<table border>
<tr><th bgcolor=000000>
<font color=ffffff>Comida</font></th>
<th bgcolor=white>Bebida</th>
<tr><td bgclor=ffaaaa>A</td><td>B</td>
</table>